'use strict';

import React, {Component} from 'react'
import {
    Text,
    View,
    StyleSheet
} from 'react-native'

export default class Discover extends Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <View style={{flex: 1, backgroundColor: "#f3f3f3"}}>
                <View style={styles.header}>
                    <Text style={styles.floatLeft}>广东省深圳市南山区科苑路</Text>
                    <Text style={styles.floatRight}> 登录|注册</Text>
                </View>
                <View style={styles.content}>
                    <Text>Home</Text>
                </View>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    header: {
        flex: 1,
        flexDirection: 'row',
        height: 40,
        lineHeight: 40,
        paddingLeft: 12,
        paddingRight: 12
    },
    floatLeft: {
        flex: 5,
        fontSize: 14,
        color: '#ff9cf9',
    },
    floatRight: {
        flex: 1,
        fontSize: 12,
        color: '#666',
        textAlign: 'right'
    },
    content: {
        flex: 1,
        alignItems: 'center'
    }
});